
<div class="hot_spot ">
  {% for block in blocks %}
    <div
      class="hot_item  {{block.position}}"
      style="--row-position: {{block.row_position}}%;--column-position: {{block.column_position}}%;--row-mobile-position: {{block.row_mobile_position}}%;--column-mobile-position: {{block.column_mobile_position}}%;"
    >
      <svg
        role="presentation"
        focusable="false"
        stroke-width="2"
        width="12"
        height="12"
        class="icon icon-plus"
        viewBox="0 0 12 12"
      >
        <path d="M6 0V12" fill="none" stroke="currentColor"></path>
        <path d="M0 6L12 6" fill="none" stroke="currentColor"></path>
      </svg>
      <div class="content ">
        {% if block.image.src != '' %}
          <div class="hot_img mb-3" style="--img-width: {{block.img_width}}px;">
            {% include 'lazy_img', src: block.image.src, alt: block.image.alt %}
          </div>
        {% endif %}
        {% if block.title != '' %}
          <div class="hot_title public_title">{{ block.title }}</div>
        {% endif %}
        {% if block.detail != '' %}
          <div class="hot_detail mt-4">{{ block.detail|html_content_filter }}</div>
        {% endif %}
      </div>
    </div>
  {% endfor %}
</div>